<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>编辑页面</title>
    <style media="screen">
      * {
        margin: 0 0;
      }
      button{
        border-radius: 5px;
      }
      .row{
        border: 1px solid lightgray;
        border-radius: 12px;
        padding: 0 20px 20px 20px;
        margin-bottom: 20px;
        width: 50%;
        min-height: 80px;
        line-height: 50px;
      }
      .row .row-title{
        border-bottom: 1px solid lightgoldenrodyellow;
      }
      .row .content{
        margin-left: 50px;
      }
      .pull-right{
        float: right;
      }
    </style>
  </head>
  <body>

    <form class="form" id="editConfigForm" action="http://localhost:8090/test" method="post" style="margin-left: 50px; height:500px">
      <div class="username" style="line-height: 50px;">
        <label for="username">用户名：</label>
        <input type="text" id="username" name="username" value="" placeholder="用户名">
      </div>
      <div class="password" style="line-height: 50px;">
        <label for="password">密&nbsp;&nbsp;&nbsp;码：</label>
        <input type="password" id="password" name="password" value="">
      </div>
      <div class="row">
        <div class="row-title">
          <label>集群属性配置</label>
          <span class="pull-right">
            <button type="button" name="button" id="addcluster">增加一行</button>
          </span>
        </div>
        <div class="content" id="clusterAttrs"></div>
      </div>

      <div class="row">
        <div class=row-title>
          <label>排除属性配置</label>
          <span class="pull-right">
            <button type="button" name="button" id="addExclude">增加一行</button>
          </span>
        </div>
        <div class="content" id="excludeAttrs"></div>
      </div>

      <div class="option" style="margin-top: 40px;">
        <button type="submit" name="submit" style="font-size: 16px;">提交</button>
        <button type="button" name="cancel" style="font-size: 16px; margin-left:20px;">取消</button>
      </div>

    </form>

    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
    <script src="index.js" charset="utf-8"></script>
    <script type="text/javascript">
    $(function () {
      IndexService.initMain();
    });
    </script>
  </body>
</html>
